<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page import="cn.edu.cxcyzx.conf.Git,java.util.*" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>Git操作指南</title>
  </head>
  
  <body>
    <c:import url="stu_home.jsp"></c:import>
	<!-- 内容 -->
	<div class="layui-body container">
		<div class="layui-row" style="margin-top: 100px;">
			<div class="layui-col-md5 layui-col-md-offset2">
				<div class="layui-tab">
				  <ul class="layui-tab-title">
				    <li class="layui-this">1.创建应用</li>
				    <li>2.XXX</li>
				    <li>3.XXX</li>
				    <li>4.XXX</li>
				  </ul>
				  <div class="layui-tab-content">
				    <div class="layui-tab-item layui-show">
				      <ul class="layui-timeline">
					  <li class="layui-timeline-item">
					    <i class="layui-icon layui-timeline-axis"></i>
					    <div class="layui-timeline-content layui-text">
					      <h3 class="layui-timeline-title">1.注册gitee账户</h3>
					      <p>
					        <a href="https://gitee.com/signup" target="_blank">前往注册
					        	<i class="layui-icon">&#xe609;</i> 
					        </a>
					      </p>
					    </div>
					  </li>
					  <li class="layui-timeline-item">
					    <i class="layui-icon layui-timeline-axis"></i>
					    <div class="layui-timeline-content layui-text">
					      <h3 class="layui-timeline-title">2.选择第三方应用</h3>
					      <p>在 <a href="https://gitee.com/profile">修改资料</a>&nbsp;&nbsp;->&nbsp;&nbsp;<a href="https://gitee.com/oauth/applications">第三方应用</a> ，创建要接入码云的应用。</p>
					      <img height="450px" width="800px" alt="选择第三方应用" src="${pageContext.request.contextPath}/img/git/create-app-1.png">
					      
					    </div>
					  </li>
					  <li class="layui-timeline-item">
					    <i class="layui-icon layui-timeline-axis"></i>
					    <div class="layui-timeline-content layui-text">
					      <h3 class="layui-timeline-title">3.填写应用信息</h3>
					      <p>
					     	填写应用相关信息，勾选应用所需要的权限(全选)。
					     	<br>应用地址填写:&nbsp;<span style="font-weight: bold;"><%=Git.cyzx_app_url %></span>
					     	<br>回调地址填写:&nbsp;<span style="font-weight: bold;"><%=Git.gitee_callBack_url %></span>
					     	<br>权限:&nbsp;<span style="font-weight: bold;">全部勾选</span>
					      </p>
					      <img height="450px" width="800px" alt="选择第三方应用" src="${pageContext.request.contextPath}/img/git/create-app-2.png">
					    </div>
					  </li>
					  <li class="layui-timeline-item">
					    <i class="layui-icon layui-timeline-axis"></i>
					    <div class="layui-timeline-content layui-text">
					      <h3 class="layui-timeline-title">4.上传client_Id和client_Secret</h3>
					      <p>
					     	创建成功后，会生成 Cliend ID 和 Client Secret。
					      </p>
					      <img height="450px" width="800px" alt="选择第三方应用" src="${pageContext.request.contextPath}/img/git/create-app-3.png">
					    </div>
					  </li>
					  <li class="layui-timeline-item">
					    <i class="layui-icon layui-timeline-axis"></i>
					    <div class="layui-timeline-content layui-text">
					      <div class="layui-timeline-title">over</div>
					    </div>
					  </li>
					</ul>  
				    </div>
				    <div class="layui-tab-item">内容2</div>
				    <div class="layui-tab-item">内容3</div>
				  </div>
				</div>
			</div>
		
		</div>
	</div>
  </body>
</html>
